<nz-collapseset [nzBordered]="false"   class="filter-form">
    <nz-collapse [nzTitle]="'显示筛选条件'">
        <nz-card>
            <ng-template #body>
                <form nz-form [nzType]="'inline'">
                    <div nz-form-item>
                        <div nz-form-label>
                            <label>设备类型</label>
                        </div>
                        <div nz-form-control>
                            <nz-select nzAllowClear [nzShowSearch]="true">
                                <nz-option *ngFor="let option of searchOptions" [nzLabel]="option.label" [nzValue]="option.value">
                                </nz-option>
                            </nz-select>
                        </div>
                    </div>
                    <div nz-form-item>
                        <div nz-form-label>
                            <label>运行状态</label>
                        </div>
                        <div nz-form-control>
                            <nz-select nzAllowClear [nzShowSearch]="true">
                                <nz-option *ngFor="let option of searchOptions" [nzLabel]="option.label" [nzValue]="option.value">
                                </nz-option>
                            </nz-select>
                        </div>
                    </div>
                    <div nz-form-item>
                        <div nz-form-label>
                            <label>设备型号/序列号</label>
                        </div>
                        <div nz-form-control>
                            <nz-input name="deviceSidOrModel" [(ngModel)]="filter.deviceSidOrModel"></nz-input>
                        </div>
                    </div>
                    <div nz-form-item>
                        <div nz-form-label>
                            <label>经销商账户</label>
                        </div>
                        <div nz-form-control>
                            <nz-input name="delarAccounts" [(ngModel)]="filter.delarAccounts"></nz-input>
                        </div>
                    </div>
                    <div nz-form-item>
                        <div nz-form-label>
                            <label>客户账户</label>
                        </div>
                        <div nz-form-control>
                            <nz-input name="customerAccounts" [(ngModel)]="filter.customerAccounts"></nz-input>
                        </div>
                    </div>
                </form>
            </ng-template>
        </nz-card>
    </nz-collapse>
</nz-collapseset>
<nz-table #nzTablelalal [nzIsPagination]="false" [nzAjaxData]="devicesList" [nzSize]="'middle'">
    <thead nz-thead>
        <tr>
            <th nz-th><span>设备类型</span></th>
            <th nz-th><span>品牌型号</span></th>
            <th nz-th><span>序列号</span></th>
            <th nz-th><span>经销商账户</span></th>
            <th nz-th><span>客户账户</span></th>
            <th nz-th><span>运行状态</span></th>
            <th nz-th><span>查看</span></th>
        </tr>
    </thead>
    <tbody nz-tbody>
        <tr nz-tbody-tr *ngFor="let device of nzTablelalal.data">
            <td nz-td>{{device.deviceType}}</td>
            <td nz-td>{{device.brandModel}}</td>
            <td nz-td>{{device.sid}}</td>
            <td nz-td>{{device?.delarAccounts}}</td>
            <td nz-td>{{device?.customerAccounts}}</td>
            <td nz-td>{{device.runStatus}}</td>
            <td nz-td (click)="skipTodeviceDetail(device)">详情</td>
        </tr>
    </tbody>
</nz-table>